<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="sj" uri="/struts-jquery-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div  >
   <sj:accordion  id="accordionx"  openOnMouseover="true" > 
       <s:iterator var="outer" status="outer_status" value="accordion"> 
           <s:set name="id_div"><s:property value="key"/></s:set> 
           <s:set name="titulo"><s:property value="value.contrato" /></s:set>
                <sj:accordionItem title="%{titulo}" >
         			 <div class="titulo-frame" >Datos Contrato</div>
                     <table>
                       <tr>
                          <td class='tabla_tit2' >Contrato:</td><td class='tabla_celda2' ><s:property value="value.contrato" /></td>
                          <td class='tabla_tit2' >Fecha:</td><td  class='tabla_celda2' ><s:property value="value.fecha" /></td>
                          <td class='tabla_tit2' >Estatus:</td><td  class='tabla_celda2' ><s:property value="value.status" /></td>
                          <td class='tabla_tit2' >Tipo:</td><td  class='tabla_celda2' ><s:property value="value.tipo" /></td>
                       </tr> 
                       <tr>
                          <td class='tabla_tit2' >Estado:</td><td class='tabla_celda2' ><s:property value="value.municipio.estado.estado" /></td>
                          <td class='tabla_tit2' >Municipio:</td><td class='tabla_celda2' ><s:property value="value.municipio.municipio"  /></td>               
                          <td class='tabla_tit2' >Ciudad:</td><td class='tabla_celda2' ><s:property value="value.ciudad" /></td>
                          <td class='tabla_tit2' >Zona:</td><td class='tabla_celda2' ><s:property value="value.zona" /></td>
                       </tr> 
                       <tr>
                          <td class='tabla_tit2' >Av/Calle:</td><td class='tabla_celda2' colspan='7' ><s:property value="value.avcalle" /></td>
                       </tr> 
                       <tr>
                          <td class='tabla_tit2' >Inmueble:</td><td class='tabla_celda2' ><s:property value="value.tipoinmueble" /></td>
                          <td class='tabla_tit2' >Descripcion:</td><td class='tabla_celda2' ><s:property value="value.des_inmueble" /></td>
                          <td class='tabla_tit2' >Piso:</td><td class='tabla_celda2' ><s:property value="value.piso_inmueble" /></td>               
                          <td class='tabla_tit2' >N°:</td><td class='tabla_celda2' ><s:property value="value.nro_inmueble" /></td>
                       </tr> 
                     </table> 
                     <div class="titulo-frame" >Datos de la venta</div>
                       <table>
                          <tr>
	                          <td class='tabla_tit2' >Vendedor:</td><td  class='tabla_celda2' ><s:property value="value.des_vendedor" /></td>
	                          <td class='tabla_tit2' >Recurrente:</td><td class='tabla_celda2' ><s:property value="value.mventa" /></td>
                         </tr> 
                     </table> 
                     <div class="titulo-frame" >Dispositivos wimax asociados</div>
                     <table >
                        <tr>
                           <th class='tabla_tit1' >Mac</th> <th class='tabla_tit1' >Serial</th><th  class='tabla_tit1' >Dispositivo</th><th  class='tabla_tit1' >Marca</th><th  class='tabla_tit1' >Modelo</th>  <th class='tabla_tit1' >Plan</th>
                        </tr>  
                        <s:iterator var="outer2" status="i_status" value="value.detalle"> 
                       	    <tr>
                          	  <td class='tabla_celda1' ><s:property value="#outer2.MAC.mac" /></td><td class='tabla_celda1' ><s:property value="#outer2.MAC.serial_adm" /></td><td class='tabla_celda1'  ><s:property value="#outer2.MAC.tipo" /></td> <td class='tabla_celda1' ><s:property value="#outer2.MAC.marca" /></td>  <td class='tabla_celda1' ><s:property value="#outer2.MAC.modelo" /> </td><td class='tabla_celda1' ><s:property value="#outer2.SERVICIO.descripcion" /></td>
                            </tr>
                        </s:iterator>  
                     </table>  
                      <div class="titulo-frame" >Servicios corporativos asociados</div>
                     <table >
                        <tr>
                           <th class='tabla_tit1' >Sucursal</th> <th class='tabla_tit1' >Servicio</th><th  class='tabla_tit1' >Monto</th>
                        </tr>  
                        <s:iterator var="outer3" status="i_status" value="value.DET_SC"> 
                       	    <tr>
                          	  <td class='tabla_celda1' ><s:property value="#outer3.des_sucursal" /></td><td class='tabla_celda1' ><s:property value="#outer3.descripcion" /></td><td class='tabla_celda1'  ><s:property value="#outer3.monto" /></td>
                            </tr>
                        </s:iterator>  
                     </table>    
                </sj:accordionItem> 
        </s:iterator> 
    </sj:accordion> 
   </div>
</body>
</html>